<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="container1" style="width: 900px;height: 500px;"></div>
	</body>

	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
	<script type="text/javascript" src="ken-echarts-util.js"></script>
	<!-- <script src="ken-compatible.js"></script> -->
	<script>
		//演示数据==》可通过后台生成
		var data = {"legendData":["总金额","到账金额"],"series":[{"barWidth":"自适应","center":["50%","50%"],"data":[{"value":3},{"value":5},{"value":7},{"value":9},{"value":11},{"value":13},{"value":15},{"value":17},{"value":19},{"value":21},{"value":23},{"value":25},{"value":27},{"value":29},{"value":31},{"value":33},{"value":35},{"value":37},{"value":39},{"value":41},{"value":43},{"value":45},{"value":47},{"value":49},{"value":51},{"value":53},{"value":55},{"value":57},{"value":59}],"name":"总金额","radius":["0","75%"],"type":"line"},{"barWidth":"自适应","center":["50%","50%"],"data":[{"value":1},{"value":2},{"value":3},{"value":4},{"value":5},{"value":6},{"value":7},{"value":8},{"value":9},{"value":10},{"value":11},{"value":12},{"value":13},{"value":14},{"value":15},{"value":16},{"value":17},{"value":18},{"value":19},{"value":20},{"value":21},{"value":22},{"value":23},{"value":24},{"value":25},{"value":26},{"value":27},{"value":28},{"value":29}],"name":"到账金额","radius":["0","75%"],"type":"line"}],"xAxisData":["測試001","測試002","測試003","測試004","測試005","測試006","測試007","測試008","測試009","測試0010","測試0011","測試0012","測試0013","測試0014","測試0015","測試0016","測試0017","測試0018","測試0019","測試0020","測試0021","測試0022","測試0023","測試0024","測試0025","測試0026","測試0027","測試0028","測試0029"]};

		//参数放置比较少
		var option = createLineOption({
			title: '主标题',
			subtext: '子标题',
			legendData: data.legendData,
			xAxisData: data.xAxisData,
			series: data.series
		});
		//设置公共的样式或功能
		setExtraOption(option, "x", false, true, false, true);
		initEcharts("container1", option, true);
	</script>
</html>
